<template>
  <view class="page" v-if="info">
    <view class="xb-info">
      <view>
        <text>设备编号</text>
        <text>{{ info.deviceCode }}</text>
      </view>
      <view>
        <text>名称</text>
        <text>{{ info.deviceName }}</text>
      </view>
      <view>
        <text>类型</text>
        <text>{{ info.deviceCategory }}</text>
      </view>
      <view>
        <text>位置</text>
        <text>{{ info.deviceAddr }}</text>
      </view>
    </view>

    <view class="xb-info">
      <view>
        <text>维保日期</text>
        <text>{{ info.maintenanceDate }}</text>
      </view>
      <view>
        <text>类型</text>
        <text>{{ info.maintenanceType }}</text>
      </view>
      <view>
        <text>状态</text>
        <text>{{ info.result }}</text>
      </view>
    </view>

    <view class="xb-info" v-if="info.remark">
      <view class="flex-col" style="flex-direction: column;justify-content: flex-start;">
        <text style="text-align: left;justify-content: flex-start;width: 100%;">备注</text>
        <view style="color: #333;text-align: left;width: 100%;">
          {{ info.remark }}
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data(){
    return{
      info:null
    }
  },
  created() {
    console.log("op",this.$store.state.com.routerData)
    this.info=this.$store.state.com.routerData
  }
}
</script>

<style lang="scss">
</style>
